<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>回车登记</title>
    <link rel="stylesheet" href="./css/register.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <!-- 时间插件开始 -->
    <link
      rel="stylesheet"
      href="./css/index.css?rev=ac6ed5b7b7b35822066a7c1ff4367280"
    />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/flexible.debug.js"></script>
    <script src="./js/flexible_css.debug.js"></script>
    <script src="./js/mobileFix.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/kinerDatePicker.js"></script>
    <!-- 以上时间插件结束 -->
    <script src="./js/flexible.js"></script>
  </head>
  <body>
    <!-- 顶栏 -->
    <div class="topPreset">
      <a href=" ">
        <span class="iconfont icon-xiangzuo1"></span>
      </a>
      <h2>回车登记</h2>
    </div>

    <!-- 顶部站位 -->
    <div class="zhanwei"></div>

    <!-- 出车/回车时间 -->
    <div class="time">
      <div class="go">出车时间<span>2022.05.04 13:00</span></div>
      <div class="back">
        回车时间<span>请选择</span><img src="./image/btn_more.png" alt="" />
      </div>
      <!-- 时间选择 -->
      <div class="abnormalTime">
        <div class="cotent">
          <div class="text">
            <div
              class="kinerDatePickerInput"
              id="kinerDatePickerInput1"
              title="时间"
              startYear="2020"
              default-val="2023-1-1"
            >
              请选择时间
            </div>
            <button class="confirm">确认</button>
            <button class="Cancel">取消</button>
          </div>

          <!-- <span>→</span>
        <div class="kinerDatePickerInput" id="kinerDatePickerInput2"
          title="结束时间"
          startYear="1950" default-val="1995-1-1">结束时间</div> -->
        </div>
      </div>
    </div>

    <!-- 车辆违章/故障/事故 -->
    <div class="one">
      车辆违章
      <a href="javascript:;" class="yes" id="yes_Selected"
        ><img src="./image/rediobtn_nor.png" alt="" /></a
      ><span class="span1">是</span>
      <a href="javascript:;" class="no" id="no_Selected"
        ><img src="./image/rediobtn_sel.png" alt="" /></a
      ><span class="span2">否</span>
      <!-- 违章类型 -->
      <div class="type">
        <span>违章类型</span>
        <ul>
          <li class="active">闯红灯</li>
          <li>无证驾驶</li>
          <li>超载</li>
          <li>酒后驾驶</li>
          <li>超速驾驶</li>
        </ul>
      </div>
      <!-- 罚款金额 -->
      <div class="fine">
        <span>罚款金额</span>
        <ul>
          <li class="active">0元</li>
          <li>100元</li>
          <li>200元</li>
          <li>300元</li>
          <li>500元</li>
          <li>1000元</li>
          <li>2000元</li>
        </ul>
      </div>
      <!-- 扣分 -->
      <div class="deduction">
        <span>扣分</span>
        <ul>
          <li class="active">0分</li>
          <li>1分</li>
          <li>2分</li>
          <li>3分</li>
          <li>6分</li>
          <li>12分</li>
        </ul>
      </div>
    </div>

    <div class="two">
      车辆故障
      <a href="javascript:;" class="yes" id="yes_Selected"
        ><img src="./image/rediobtn_nor.png" alt="" /></a
      ><span class="span1">是</span>
      <a href="javascript:;" class="no" id="no_Selected"
        ><img src="./image/rediobtn_sel.png" alt="" /></a
      ><span class="span2">否</span>
    </div>
    <!-- 故障类型 -->
    <div class="fault_type">
      <span>故障类型</span>
      <ul>
        <li class="active">启动困难</li>
        <li>不着车</li>
        <li>漏油</li>
        <li>漏水</li>
        <li>照明失灵</li>
        <li>有异响</li>
        <li>排烟异常</li>
        <li>温度异常</li>
        <li>其他</li>
      </ul>
    </div>
      <!-- 异常描述 -->
      <div class="text">
        <textarea name id cols="30" rows="10" placeholder="请简单描述故障"></textarea>
        <span class="num"><span id="num">0</span>/50</span>
      </div>
  
       <!-- 请拍照 -->
     <div class="content">
      <p>请拍照</p>
      <a href="javascript:;" class="add">
        <span class="iconfont icon-tianjia"></span>
      </a>
    </div>
    </div>
      </div>
    <div class="three">
      车辆事故
      <a href="javascript:;" class="yes" id="yes_Selected"
        ><img src="./image/rediobtn_nor.png" alt="" /></a
      ><span class="span1">是</span>
      <a href="javascript:;" class="no" id="no_Selected"
        ><img src="./image/rediobtn_sel.png" alt="" /></a
      ><span class="span2">否</span>
    </div>
  <!-- 事故类型 -->
  <div class="accident_type">
    <span>事故类型</span>
    <ul>
      <li class="active">直行事故</li>
      <li>追尾事故</li>
      <li>超车事故</li>
      <li>左转弯事故</li>
      <li>右转弯事故</li>
      <li>弯道事故</li>
      <li>坡道事故</li>
      <li>会车事故</li>
      <li>其他</li>
    </ul>
  </div>

    <!-- 异常描述 -->
    <div class="text">
      <textarea name id cols="30" rows="10" placeholder="请简单描述故障"></textarea>
      <span class="num"><span id="num">0</span>/50</span>
    </div>

     <!-- 请拍照 -->
   <div class="content">
    <p>请拍照</p>
    <a href="javascript:;" class="add">
      <span class="iconfont icon-tianjia"></span>
    </a>
  </div>
  </div>
</div>


  
    <!-- 底部"交车" -->
    <div class="bottom">
      <a href="javascript:;">交车</a>
    </div>

    <!-- 遮罩 -->
    <!-- <div class="screenMask" style="opacity: 0.3; z-index: 9"></div> -->

    <script src="./js/register.js"></script>
  </body>
</html>
